<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>求购列表</title>
		<link rel="stylesheet" href="static/css/common/base.css" />
		<link rel="stylesheet" href="static/css/common/common.css" />
		<link rel="stylesheet" href="static/css/supply_list.css" />
		<link rel="stylesheet" href="static/layui/css/layui.css" />
		<style>
			.layui-laypage a , .layui-laypage span {
			   	font-size: 14px;
			    height: 35px;
			    line-height: 35px;
			    margin: 0 10px 5px 0;
		    }
		    .layui-laypage input , .layui-laypage button {
		    	font-size: 14px;
			    height: 35px;
			    line-height: 35px;
		    }
		    .layui-laypage a:hover {
			    color: #59BCE3;
			}
			.layui-laypage .layui-laypage-curr .layui-laypage-em {
			    background: #59BCE3;
			}
			.layui-laypage-limits , .layui-laypage-refresh{
				display:none!important;
			}
		</style>
	</head>
	<body>
		<div class="wrap">
			<!-- 头部开始-->
			<header>
				<div class="header common">
					<ul class="left fl">
						<li class="commones">
							<a class="fl" href="#">欢迎您！</a>
						</li>
						<li class="name">
							<!--登录前显示请登录-->
							<a href="users/personal.html" class="selected-color">请登录</a>

							<!--登录后显示请用户信息-->
							<!--<a href="users/personal.html">这名字还行</a>
							-->
						</li>
						<li>或</li>
						<li class="register">
							<a href="#"><span class="selected-color">轻松注册</span></a>
						</li>
					</ul>

					<ul class="right fr">
						<li>
							<a href="#">买家中心</a><b class="icon"></b>
							<ul>
								<li>
									<a href="users/collect.html">商品收藏</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#">卖家中心</a><b class="icon"></b>
							<ul>
								<li>
									<a href="users/company-enter.html">商家入驻</a>
								</li>
							</ul>

						</li>
						<li class="message">
							<a href="#">消息（<span class="warn-color">10</span>）</a><b class="icon"></b>
							<ul>
								<li>
									<a href="#">新消息</a>
								</li>
								<li class="icon">
									<a href="#"> 您今天还有1次签到的机会，查看详情 副本</a>
								</li>
								<li class="icon">
									<a href="#">您今天还有1次签到的机会，查看详情 副本</a>
								</li>
								<li>
									<a href="messages.html">查看全部消息</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="#">在线客服</a><b class="icon"></b>
							<ul>
								<li>
									<a href="#">QQ客服</a>
								</li>
							</ul>
						</li>

					</ul>
				</div>
			</header>
			<!-- 头部结束-->

			<!--导航开始-->
			<nav class="nav">
				<div class="common nav_bottom">
					<div class="left fl logo"><img src="static/img/logo.png"></div>
					<div class="center fl">
						<ul class="fl">
							<li>
								<a href="#">首页</a>
							</li>
							<li>
								<a href="#">行情交易</a>
							</li>

							<li>
								<a href="#">现货交易</a>
							</li>
							<li class="selected-color">
								<a href="#">供求黄页</a>
							</li>
							<li>
								<a href="#">招投标</a>
							</li>
							<li>
								<a href="#">供应链金融</a>
							</li>
						</ul>
					</div>
				</div>
			</nav>
			<!--导航结束-->
			<!--内容开始-->
			<div class="content common">
				<div class="selector">
				    <div class="selector-list hy-list clearfix">
						<div class="list-name hy-list-name fl">
							<span>行业分类 ：&nbsp;&nbsp;</span>
						</div>
							<ul class="list-ul hy-list-ul fl ">
			
								<li class="fl active">
									<a href="#"> 不限 </a>
								</li>
			
								<li class="fl">
									<a href="#" class="">废纸</a>
								</li>
			
								<li class="fl">
									<a href="#" class="">废塑料</a>
								</li>
			
								<li class="fl">
									<a href="#" class="">废钢铁</a>
								</li>
			
								<li class="fl">
									<a href="#" class="">废有色</a>
								</li>
			
								<li class="fl">
									<a href="#" class="">加工设备</a>
								</li>
			
								<li class="fl">
									<a href="#" class=""> 其他</a>
								</li>
			
							</ul>
					</div>
					<div class="selector-list area-list clearfix">
						<div class="list-name area-list-name fl">
							<span>所属地区 ：&nbsp;&nbsp;</span>
						</div>
							<ul class="list-ul area-list-ul fl ">
			
								<li class="fl active">
									<a href="#"> 不限 </a>
								</li>
			
								<li class="fl">
									<a href="#" class="">北京市  </a>
								</li>
			
								<li class="fl">
									<a href="#" class=""> 天津市</a>
								</li>
			
								<li class="fl">
									<a href="#" class="">河北省</a>
								</li>
			
								<li class="fl">
									<a href="#" class="">辽宁省 </a>
								</li>
			
								<li class="fl">
									<a href="#" class=""> 山西省</a>
								</li>
			                  	<li class="fl">
									<a href="#" class=""> 黑龙江省</a>
								</li>
									<li class="fl">
									<a href="#" class="">河北省</a>
								</li>
			
								<li class="fl">
									<a href="#" class="">上海市 </a>
								</li>
			
								<li class="fl">
									<a href="#" class="">江苏省  </a>
								</li>
			                  	<li class="fl">
									<a href="#" class="">浙江省</a>
								</li>
									<li class="fl">
									<a href="#" class="">江西省 </a>
								</li>
			
								<li class="fl">
									<a href="#" class=""> 安徽省   </a>
								</li>
			                  	<li class="fl">
									<a href="#" class=""> 福建省 </a>
								</li>
								<li class="fl">
									<a href="#" class=""> 山东省 </a>
								</li>
								<li class="fl">
									<a href="#" class=""> 其他</a>
								</li>
			
							</ul>
					</div>
				    <div class="selector-list mes-list clearfix">
						<div class="list-name mes-list-name fl">
							<span>信息类别：&nbsp;&nbsp;</span>
						</div>
							<ul class="list-ul mes-list-ul fl ">
			
								<li class="fl">
									<a href="#"> 供应 </a>
								</li>
			
								<li class="fl active">
									<a href="#">求购</a>
								</li>
							</ul>
					</div>
				</div>
				
				<div class="filter clearfix">
					<div class="zzgy fl">正在求购</div>
					<div class="fb-btn fl">
						<a class="qg-btn" href="#" >发布求购</a>
						<a class="gy-btn" href="#" >发布供应</a>
					</div>
					<div class="f-page fr">
						<a class="fp-prev fl" onclick="changeNum(this,'1')"> ＜ </a>
						<span class="fp-text">
			               <b class="cur-num selected-color">3</b><em>&nbsp;/&nbsp;</em><i class="total-num">10</i>
			           </span>
			           <a class="fp-next fr" onclick="changeNum(this,'3')"> ＞  </a>
					</div>
				</div>
				
				<div class="goods-list">
						<table>
							<thead>
								<tr>
									<th width="20%" style="text-align: left;">品名</th>
									<th width="10%">数量</th>
									<th width="10%">所在地区</th>
									<th width="10%">发布日期</th>
									<th width="10%">有效期</th>
									<th width="20%">公司</th>
									<th width="10%">价格</th>
									<th width="10%">操作</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td style="text-align: left;">求购淋膜纸、包装纸</td>
									<td>200吨</td>
									<td>江苏</td>
									<td>2018-06-12</td>
									<td>60天</td>
									<td>海宁鹏达物资有限公司</td>
									<td>价格电议</td>
									<td><a href="#">查看详情</a></td>
								</tr>
								<tr>
									<td style="text-align: left;">求购淋膜纸、包装纸</td>
									<td>200吨</td>
									<td>江苏</td>
									<td>2018-06-12</td>
									<td>60天</td>
									<td>海宁鹏达物资有限公司</td>
									<td>价格电议</td>
									<td><a href="#">查看详情</a></td>
								</tr>
								<tr>
									<td style="text-align: left;">求购淋膜纸、包装纸</td>
									<td>200吨</td>
									<td>江苏</td>
									<td>2018-06-12</td>
									<td>60天</td>
									<td>海宁鹏达物资有限公司</td>
									<td>价格电议</td>
									<td><a href="#">查看详情</a></td>
								</tr>
								<tr>
									<td style="text-align: left;">求购淋膜纸、包装纸</td>
									<td>200吨</td>
									<td>江苏</td>
									<td>2018-06-12</td>
									<td>60天</td>
									<td>海宁鹏达物资有限公司</td>
									<td>价格电议</td>
									<td><a href="#">查看详情</a></td>
								</tr>
									<tr>
									<td style="text-align: left;">求购淋膜纸、包装纸</td>
									<td>200吨</td>
									<td>江苏</td>
									<td>2018-06-12</td>
									<td>60天</td>
									<td>海宁鹏达物资有限公司</td>
									<td>价格电议</td>
									<td><a href="#">查看详情</a></td>
								</tr>
								<tr>
									<td style="text-align: left;">求购淋膜纸、包装纸</td>
									<td>200吨</td>
									<td>江苏</td>
									<td>2018-06-12</td>
									<td>60天</td>
									<td>海宁鹏达物资有限公司</td>
									<td>价格电议</td>
									<td><a href="#">查看详情</a></td>
								</tr>
								
							</tbody>
						</table>
				</div>
				
			    <div class="page">
			    	<div class="tc" id="pagination"></div>
			    	<!--<div class="p-wrap clearfix">
			    		<div class="p-num fl">
			    			<a>上一页</a>
			    			<a class="active">1</a>
			    			<a>2</a>
			    			<a>3</a>
			    			<a>下一页</a>
			    			 <em>共<b>16</b>页</em>
			    		</div>
			    		<div class="p-skip fl">
			                <em>到第</em>
			                <input class="input-txt" id="page_jump_num" maxlength="4" value="3" onkeyup="this.value=this.value.replace(/[^0-9]/g,'');" onkeydown="javascript:if(event.keyCode==13){page_jump();return false;}">
			                <em>页</em>
			                <a class="btn">确定</a>
			            </div>
			    	</div>-->
			    </div>
				
				<div class="ad"><img src="static/img/ad.png"/></div>
				
				<div class="seller-recommend">
					<h3>优质采购商推荐</h3>
					<ul class="clearfix">
						<li>
							<h1>湖北东江环保有限公司</h1>
							<h2>采购产品：废猛钢、含金银废料</h2>
							<h2>年采购量：5000吨</h2>
							<h2>联系人： 吴先生</h2>
							<h2>电 话：13417384149</h2>
						</li>
						<li>
							<h1>湖北东江环保有限公司</h1>
							<h2>采购产品：废猛钢、含金银废料</h2>
							<h2>年采购量：5000吨</h2>
							<h2>联系人： 吴先生</h2>
							<h2>电 话：13417384149</h2>
						</li>
						<li>
							<h1>湖北东江环保有限公司</h1>
							<h2>采购产品：废猛钢、含金银废料</h2>
							<h2>年采购量：5000吨</h2>
							<h2>联系人： 吴先生</h2>
							<h2>电 话：13417384149</h2>
						</li>
						<li>
							<h1>湖北东江环保有限公司</h1>
							<h2>采购产品：废猛钢、含金银废料</h2>
							<h2>年采购量：5000吨</h2>
							<h2>联系人： 吴先生</h2>
							<h2>电 话：13417384149</h2>
						</li>
						<li>
							<h1>湖北东江环保有限公司</h1>
							<h2>采购产品：废猛钢、含金银废料</h2>
							<h2>年采购量：5000吨</h2>
							<h2>联系人： 吴先生</h2>
							<h2>电 话：13417384149</h2>
						</li>
					</ul>
				</div>
			</div>
			<!--内容结束-->
			<footer class="common">
				<div class="footer-top">
					<ul>
						<li class="plqq">
							<span class="icon"></span>
							<h1>品种规格齐全</h1>
						</li>
						<li class="zzbz">
							<span class="icon"></span>
							<h1>质量可靠保障</h1>
						</li>
						<li class="jgyz">
							<span class="icon"></span>
							<h1>价格占有优势</h1>
						</li>
						<li class="qqbt">
							<span class="icon"></span>
							<h1>缺钱可打白条</h1>
						</li>
						<li class="mfzc">
							<span class="icon"></span>
							<h1>免费找货找车</h1>
						</li>
					</ul>
				</div>
				<div class="footer-bottom">
					<h1 class="common tc">Copyright©right;2018 www.zaishengwang.com Inc. All rights reserved</h1>
					<h2 class="common tc">苏ICP证161025号 | 苏ICP备15001001号 | 再生网</h2>
				</div>
			</footer>

		</div>
		<script type="text/javascript" src="static/lib/jquery-3.3.1.min.js"></script>
		<script type="text/javascript" src="static/layui/layui.all.js"></script>
		<script type="text/javascript">
			
			    //增加数量    
			    function changeNum(obj,type)
			    {
			        var numInput = $('.cur-num');console.log(numInput);
			        var num = parseInt(numInput.html());console.log(num);
			        var stock = parseInt($('.total-num').html());console.log(stock);
			        if(type == 1){num--;}
			        if(type == 3){num++;}
			        if(num <=0 ){num=1;}
			        if(num>=stock){num=stock;}
			        numInput.html(num);
			        /^[0-9]*$/.test(num)?num = num:num =1;
			        if(num==1){ 
			            $('.fp-prev').addClass('disabled');
			        }else if(num==stock){
			            $('.fp-next').addClass('disabled');
			        }else{
			            $('.fp-prev').removeClass('disabled');
			            $('.fp-next').removeClass('disabled');
			        }
			    }
			    
				//分页效果
				layui.use(['laypage', 'layer'], function(){
				  var laypage = layui.laypage
				  ,layer = layui.layer;
				  
				    //完整功能
				  laypage.render({
				    elem: 'pagination'
				    ,count: 50
				    ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
				    ,jump: function(obj){
				      console.log(obj)
				    }
				  });
				  
			$(document).ready(function(){
					$('.list-ul li').click(function() {
					//选项卡按钮样式切换
					$(this).parent(".list-ul").children("li").removeClass('active');
					$(this).addClass('active');
				});
				
				})
			})
			
		</script>
	</body>
</html>
